<template>
  <el-select class="component-select" placeholder="请选择" v-model="value" :disabled="disabled">
    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
  </el-select>
</template>

<script setup lang="ts">
const props = defineProps({
  value: String,
  options: Array,
  disabled: Boolean
})
const { options, value, disabled } = toRefs(props)
</script>

<style lang="scss" scoped>
:deep.component-select {
  .el-input {
    .el-input__inner {
      font-size: 12px;
    }
  }
}
</style>
